﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Pinky Template, CSS Template Design, Free Download</title>
    <meta name="keywords" content="free design template, download web templates, Pinky Website, XHTML, CSS" />
    <meta name="description" content="Pinky Template - Free CSS Template, Free XHTML CSS Design Layout" />
    <link href="templatemo_style.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript">
        function clearText(field) {
            if (field.defaultValue == field.value) field.value = '';
            else if (field.value == '') field.value = field.defaultValue;
        }
    </script>
</head>
<body>
    <div id="templatemo_top_bg">
        <div class="templatemo_container">
            <!--  Free CSS Template is provided by www.TemplateMo.com  -->
            <div id="templatemo_header_top">
                <div id="templatemo_logo">
                    <div id="templatemo_title">
                        <span class="white">PINKY </span><span class="pink">TEMPLATE </span>
                        <div id="templatemo_slogan">
                            Your website slogan text goes here
                        </div>
                    </div>
                </div>
                <div id="templatemo_search">
                    <form method="post" action="index.html">
                    <label>
                        Search:</label>
                    <input name="search" value="Search ..." type="text" onfocus="clearText(this)" onblur="clearText(this)"
                        class="textbox" />
                    <input type="submit" name="Search" value="GO" class="button" />
                    </form>
                </div>
            </div>
            <!-- End Of Header Top-->
            <div class="cleaner">
            </div>
            <div id="templatemo_header_bottom">
                <div id="templatemo_menu_section">
                    <ul>
                        <li><a href="#" class="current">Home</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Products</a></li>
                        <li><a href="#">Services</a></li>
                        <li><a href="#">Contact</a>
                <div id="Div1">
                    <ul>
                        <li><a href="#" class="current">Home</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Products</a></li>
                        <li><a href="#">Services</a></li>
                        <li><a href="#">Contact</a>
                            <ul>
                                <li><a href="#">About</a></li>
                                <li><a href="#">Products</a></li>
                                <li><a href="#">Services</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                        </li>
                    </ul>
                </div>
                <div class="cleaner">
                </div>
                <div id="templatemo_header_textarea">
                    <h1>
                        <a href="#">Lorem Ipsum Dolor Sit Amet</a></h1>
                    <p>
                        Conse ctetuer adip iscing elit. Nunc quis sem nec tellus blan dit tinci dunt.</p>
                    <div class="line">
                    </div>
                    <h1>
                        <a href="#">Duis Vitae Velit Sed Dui Malesuada</a></h1>
                    <p>
                        Dign issim. Do nec mollis aliq uet ligula. Maec enas adipi scing elem entum ipsum.</p>
                    <div class="line">
                    </div>
                    <h1>
                        <a href="#">Pellentesque Vitae Magna</a></h1>
                    <p>
                        Sed nec est. Suspe ndi sse a nibh tris tique jus to rhon cus volu tpat.</p>
                </div>
            </div>
            <!-- End Of Header Bottom-->
            <div class="cleaner_with_height">
            </div>
        </div>
        <!-- End Of Container -->
    </div>
    <!-- End Of Top Bg -->
    <div id="templatemo_middle_bg">
        <div class="templatemo_container">
            <div id="templatemo_three_col">
                <div class="templatemo_column">
                    <div class="templatemo_section">
                        <div class="templatemo_title_pink">
                            WELCOME TO OUR WEBSITE</div>
                        <h1>
                            Suspendisse a nibh tristique</h1>
                        <p>
                            This website template is provided by <a href="http://www.templatemo.com" target="_parent">
                                Templatemo.com</a>. You may download, edit and apply this website layout for
                            your websites. Credit goes to <a href="http://www.photovaco.com" target="_blank">Free
                                Photos</a> for photos used in this template.</p>
                        <p>
                            <b>Lorem ipsum dolor sit amet,</b> con sec tet uer adip iscing elit. Nunc quis sem
                            nec tellus blandit tinc idunt. Duis vitae velit sed dui malesuada dignissim. Donec
                            mollis aliquet ligula.
                        </p>
                    </div>
                    <div class="templatemo_section">
                        <div class="title">
                            <span class="title_text">SERVICES</span>
                        </div>
                        <p>
                            Nulla enim nibh, con sec tet uer sed, vest bu lum eleme ntum, sag ittis nec, diam.
                            Mau ris blan dit vehi cula neque. Proin consec tetuer.
                        </p>
                        <p>
                            Donec vene natis. Cras urna metus, feu giat non, consec tetuer quis, pretium quis,
                            nunc. Nu llam pede purus, tempor a, impe rediet in, port titor at, nulla.</p>
                        <ul>
                            <li><a href="#">Aliquam elit risus, Volutpat quis, mattis ac</a></li>
                            <li><a href="#">Elementum eget, mauris</a></li>
                            <li><a href="#">In hac habitasse platea dictumst</a></li>
                            <li><a href="#">Phasellus tincidunt, tortor lacinia blandit</a></li>
                        </ul>
                    </div>
                    <!-- End Of Section -->
                </div>
                <!-- End Of Column -->
                <div class="templatemo_column">
                    <div class="templatemo_section">
                        <div class="title">
                            <span class="title_text">ABOUT US</span>
                        </div>
                        <p>
                            <img alt="Camera" src="images/templatemo_thumb_1.jpg" />Aliquam elit risus, volutpat
                            quis, mattis ac, elementum eget, mauris. In hac habitasse platea dictumst. Aenean
                            cursus. Maec enas aliquam, ligula id egestas</p>
                        <p>
                            Suscipit, nisi sapien dignissim nibh, ac vestibulum lorem urna in neque. Aenean
                            eget tortor eget ipsum aliquet porta. Vestibulum quis pede non urna vene natis vehicula.
                            Praesent vel diam.</p>
                    </div>
                    <!-- End Of Section -->
                    <div class="templatemo_section">
                        <div class="title">
                            <span class="title_text">PRODUCTS</span>
                        </div>
                        <div class="templatemo_product_box">
                            <div class="templatemo_porduct_image">
                                <img alt="Product" src="images/templatemo_thumb_2.jpg" />
                            </div>
                            <div class="templatemo_porduct_description">
                                Pellentesque tempus sapien nec sem commodo ullamcorper. Aenean neque. Cras feugiat.
                                In ut ante.
                            </div>
                            <div class="cleaner_with_height">
                            </div>
                        </div>
                        <div class="templatemo_product_box">
                            <div class="templatemo_porduct_image">
                                <img alt="Product" src="images/templatemo_thumb_3.jpg" />
                            </div>
                            <div class="templatemo_porduct_description">
                                Aen ean eget tour to to eget ipsum aliq tuet porta. Vesti bulum quis pede non urna
                                vene natis vehicula.
                            </div>
                            <div class="cleaner_with_height">
                            </div>
                        </div>
                        <div class="templatemo_product_box">
                            <div class="templatemo_porduct_image">
                                <img alt="Product" src="images/templatemo_thumb_4.jpg" />
                            </div>
                            <div class="templatemo_porduct_description">
                                Phas ellus tinci dunt, tor tor laci nia blan dit com modo, nunc augue mattis eros,
                                ut convallis est augue.
                            </div>
                            <div class="cleaner_with_height">
                            </div>
                        </div>
                    </div>
                    <!-- End Of Section -->
                </div>
                <!-- End Of Column -->
                <div class="templatemo_column">
                    <div class="templatemo_section">
                        <div class="title">
                            <span class="title_text">LATEST NEWS</span>
                        </div>
                        <p>
                            <img alt="Bug" src="images/templatemo_thumb_5.jpg" />
                            <span class="info">29-12-2024</span><br />
                            Donec a purus vel purus sollicitudin placerat. Nunc at sem. Sed pellentesque placerat
                            augue.<br />
                            <span class="info"><a href="#">Read More</a></span>
                        </p>
                        <div class="templatemo_line">
                        </div>
                        <p>
                            <img alt="Butterfly" src="images/templatemo_thumb_6.jpg" />
                            <span class="info">27-12-2024</span><br />
                            Vestibulum ullamcorper ipsum nec augue. Vestibulum auctor odio eget ante.
                            <br />
                            <span class="info"><a href="#">Read More</a></span>
                        </p>
                        <div class="templatemo_line">
                        </div>
                        <p>
                            <img alt="Bee" src="images/templatemo_thumb_7.jpg" />
                            <span class="info">25-12-2024</span><br />
                            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur velit tellus,
                            placerat et.<br />
                            <span class="info"><a href="#">Read More</a></span>
                        </p>
                        <div class="templatemo_line">
                        </div>
                        <p>
                            <img alt="Lizid" src="images/templatemo_thumb_8.jpg" />
                            <span class="info">20-12-2024</span><br />
                            Etiam sodales massa vel metus. Mauris et elit quis mauris aliquet luctus.<br />
                            <span class="info"><a href="#">Read More</a></span>
                        </p>
                    </div>
                </div>
                <!-- End Of Column -->
                <div class="cleaner">
                </div>
            </div>
            <!-- End Of Three Col -->
            <div class="cleaner">
            </div>
        </div>
        <!-- End Of Container -->
    </div>
    <!-- End Of middle Bg -->
    <div id="templatemo_footer_bg">
        <div id="templatemo_footer">
            Copyright © 2024 <a href="#">Your Company Name</a> | Designed by <a href="http://www.templatemo.com"
                target="_parent">Free CSS Templates</a>
        </div>
    </div>
    <!-- End Of middle footer bg -->
    <!--  Free CSS Templates by TemplateMo.com  -->
</body>
</html>
